// var jou = document.querySelector('.Journalism-content ul');
// var Rotation = setInterval(function(){
	
// 	// var l = Journalism-content.width;
// 	jou.style.left = parseInt(getComputedStyle(jou,null).left) -1+'px';
	
// },10);

new Swiper('.Journalism-content', {
    speed: 1000,
    autoplay: {
        delay: 2000,
    },
	slidesPerView: 4,
	slidesPerGroup: 4,
  }) 
new Swiper('.background', {
    autoplay: {
        delay: 5000,
    },
	effect : 'fade',
	  fadeEffect: {
	    crossFade: true,
	  }
  }) 

// 新闻资讯
$(".head-title-li1").hover(
	function(){
		$(".head-title-li1 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li1 a").css("border-color","#ffffff")
	}
)
$('.head-title-li1').hover(
function(){
	$('.news-ej').css("display","block")
	},
function(){
	$('.news-ej').css("display","none")
	}
)
$('.news-ej').hover(
function(){
	$('.news-ej').css("display","block")
	},
function(){
	$('.news-ej').css("display","none")
	}
)
// 式神录
$(".head-title-li2").hover(
	function(){
		$(".head-title-li1 a").css("border-color","transparent")
		$(".head-title-li2 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li1 a").css("border-color","#ffffff")
		$(".head-title-li2 a").css("border-color","#ffffff")
	}
)

$('.head-title-li2').hover(
function(){
	$('.ssl-ej').css("display","block")
	},
function(){
	$('.ssl-ej').css("display","none")
	}
)

$('.ssl-ej').hover(
function(){
	$('.ssl-ej').css("display","block")
	},
function(){
	$('.ssl-ej').css("display","none")
	}
)
// 游戏攻略
$(".head-title-li3").hover(
	function(){
		$(".head-title-li3 a").css("border-color","transparent")
		$(".head-title-li2 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li3 a").css("border-color","#ffffff")
		$(".head-title-li2 a").css("border-color","#ffffff")
	}
)

$('.head-title-li3').hover(
function(){
	$('.yxgl-ej').css("display","block")
	},
function(){
	$('.yxgl-ej').css("display","none")
	}
)

$('.yxgl-ej').hover(
function(){
	$('.yxgl-ej').css("display","block")
	},
function(){
	$('.yxgl-ej').css("display","none")
	}
)
// 同人社区
$(".head-title-li4").hover(
	function(){
		$(".head-title-li3 a").css("border-color","transparent")
		$(".head-title-li4 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li3 a").css("border-color","#ffffff")
		$(".head-title-li4 a").css("border-color","#ffffff")
	}
)

$('.head-title-li4').hover(
function(){
	$('.trsq-ej').css("display","block")
	},
function(){
	$('.trsq-ej').css("display","none")
	}
)

$('.trsq-ej').hover(
function(){
	$('.trsq-ej').css("display","block")
	},
function(){
	$('.trsq-ej').css("display","none")
	}
)
// 泛娱乐
$(".head-title-li5").hover(
	function(){
		$(".head-title-li5 a").css("border-color","transparent")
		$(".head-title-li4 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li5 a").css("border-color","#ffffff")
		$(".head-title-li4 a").css("border-color","#ffffff")
	}
)

$('.head-title-li5').hover(
function(){
	$('.fyl-ej').css("display","block")
	},
function(){
	$('.fyl-ej').css("display","none")
	}
)

$('.fyl-ej').hover(
function(){
	$('.fyl-ej').css("display","block")
	},
function(){
	$('.fyl-ej').css("display","none")
	}
)
// 视听中心
$(".head-title-li6").hover(
	function(){
		$(".head-title-li5 a").css("border-color","transparent")
		$(".head-title-li6 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li5 a").css("border-color","#ffffff")
		$(".head-title-li6 a").css("border-color","#ffffff")
	}
)

$('.head-title-li6').hover(
function(){
	$('.stzx-ej').css("display","block")
	},
function(){
	$('.stzx-ej').css("display","none")
	}
)

$('.stzx-ej').hover(
function(){
	$('.stzx-ej').css("display","block")
	},
function(){
	$('.stzx-ej').css("display","none")
	}
)
// 主题站
$(".head-title-li7").hover(
	function(){
		$(".head-title-li7 a").css("border-color","transparent")
		$(".head-title-li6 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li7 a").css("border-color","#ffffff")
		$(".head-title-li6 a").css("border-color","#ffffff")
	}
)
// 周边商城
$(".head-title-li8").hover(
	function(){
		$(".head-title-li7 a").css("border-color","transparent")
		$(".head-title-li8 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li7 a").css("border-color","#ffffff")
		$(".head-title-li8 a").css("border-color","#ffffff")
	}
)
// 藏宝阁
$(".head-title-li9").hover(
	function(){
		$(".head-title-li9 a").css("border-color","transparent")
		$(".head-title-li8 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li9 a").css("border-color","#ffffff")
		$(".head-title-li8 a").css("border-color","#ffffff")
	}
)
// 官方渠道
$(".head-title-li10").hover(
	function(){
		$(".head-title-li9 a").css("border-color","transparent")
		$(".head-title-li10 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li9 a").css("border-color","#ffffff")
		$(".head-title-li10 a").css("border-color","#ffffff")
	}
)

$('.head-title-li10').hover(
function(){
	$('.gfqd-ej').css("display","block")
	},
function(){
	$('.gfqd-ej').css("display","none")
	}
)

$('.gfqd-ej').hover(
function(){
	$('.gfqd-ej').css("display","block")
	},
function(){
	$('.gfqd-ej').css("display","none")
	}
)
// IP新游预约
$(".head-title-li11").hover(
	function(){
		$(".head-title-li11 a").css("border-color","transparent")
		$(".head-title-li10 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li11 a").css("border-color","#ffffff")
		$(".head-title-li10 a").css("border-color","#ffffff")
	}
)
$('.head-title-li11').hover(
function(){
	$('.xyyy-ej').css("display","block")
	},
function(){
	$('.xyyy-ej').css("display","none")
	}
)

$('.xyyy-ej').hover(
function(){
	$('.xyyy-ej').css("display","block")
	},
function(){
	$('.xyyy-ej').css("display","none")
	}
)

$(".head-title-li12").hover(
	function(){
		$(".head-title-li11 a").css("border-color","transparent")
		$(".head-title-li12 a").css("border-color","transparent")
	},
	function(){
		$(".head-title-li11 a").css("border-color","#ffffff")
		$(".head-title-li12 a").css("border-color","#ffffff")
	}
)

// 
// $(".Next-batch").click(function(){
// 	$(".Journalism-ul").animate({
// 		'left':'0'
// 	},1000,function(){
// 		$(this).animate({
// 			'left':'-1040px'
// 		})
// 	})
// })


// 
$('.pasj-ssl').hover(
function(){
	$('.pasj-ssl').css('background','#C2A060')
	$('.pasj-zjl-title').css('border-left-color','transparent')
	$('.pasj-ssl-title').css('color','#ffffff')
},
function(){
	$('.pasj-ssl').css('background','#ffffff')
	$('.pasj-zjl-title').css('border-left-color','#C2A060')
	$('.pasj-ssl-title').css('color','#000000')
}
)


$('.pasj-zjl').hover(
function(){
	$('.pasj-zjl').css('background','#C2A060')
	$('.pasj-ssl-title').css('border-right-color','transparent')
	$('.pasj-zjl-title').css('color','#ffffff')
},
function(){
	$('.pasj-zjl').css('background','#ffffff')
	$('.pasj-ssl-title').css('border-right-color','#C2A060')
	$('.pasj-zjl-title').css('color','#000000')
}
)

$('.pasj-syz').hover(
function(){
	$('.pasj-syz').css('background','#C2A060')
	$('.pasj-zjl-title').css('border-right-color','transparent')
	$('.pasj-syz-title').css('color','#ffffff')
},
function(){
	$('.pasj-syz').css('background','#ffffff')
	$('.pasj-zjl-title').css('border-right-color','#C2A060')
	$('.pasj-syz-title').css('color','#000000')
}
)



// 
$('.pasj-ssl').click(function(){
	$(this).addClass('pasj-color').siblings().removeClass('pasj-color')
	$('.pasj-ssl-title').css('border-right','#C2A060');
	$('.pasj-zji-title').css('border-right','#C2A060');
})
$('.pasj-zjl').click(function(){
	$(this).addClass('pasj-color').siblings().removeClass('pasj-color')
	$('.pasj-ssl-title').css('border-right','transparent');
	$('.pasj-zji-title').css('border-right','#C2A060');
})
$('.pasj-syz').click(function(){
	$(this).addClass('pasj-color').siblings().removeClass('pasj-color')
	$('.pasj-ssl-title').css('border-right','#C2A060');
	$('.pasj-zji-title').css('border-right','transparent');
})

// 游戏攻略
$('.Subhead1').hover(function(){
	$(this).addClass('Subhead1-effect').siblings().removeClass('Subhead1-effect');
	$('.Strategy-content1').eq($(this).index()).addClass('Strategy-content1-block').siblings().removeClass('Strategy-content1-block');
})

// $('.Subhead1').hover(function(){
//     $('.Strategy-content1-block').fadeIn(1000);	
// })

$('.Subhead1-p1').hover(
function(){
	$(this).css('border-right','1px solid transparent')
},
function(){
	$(this).css('border-right','1px solid #ffffff')
}
)
$('.Subhead1-p2').hover(
function(){
	$('.Subhead1-p1').css('border-right','1px solid transparent')
},
function(){
	$('.Subhead1-p1').css('border-right','1px solid #ffffff')
}
)
$('.Subhead1-p3').hover(
function(){
	$('.Subhead1-p2').css('border-right','1px solid transparent')
},
function(){
	$('.Subhead1-p2').css('border-right','1px solid #ffffff')
}
)
$('.Subhead1-p4').hover(
function(){
	$('.Subhead1-p3').css('border-right','1px solid transparent')
},
function(){
	$('.Subhead1-p3').css('border-right','1px solid #ffffff')
}
)
$('.Subhead1-p5').hover(
function(){
	$('.Subhead1-p4').css('border-right','1px solid transparent')
},
function(){
	$('.Subhead1-p4').css('border-right','1px solid #ffffff')
}
)



// 热门活动
$('.rmhd-click>div').click(function(){
	$(this).addClass('rmhd-click-1').siblings().removeClass('rmhd-click-1'),
	$('.rmhd-switch>div').eq($(this).index()).addClass('rmhd-img-xs').siblings().removeClass('rmhd-img-xs')
})

// $('.rmhd-switch>div').click(function(){
	
// })
var mySwiper = new Swiper('.rmzp-switch-1');
  $('#btn1').click(function(){
    mySwiper.slidePrev();
  }),
  $('.rmzp-huan').click(function(){
    mySwiper.slideNext();
  })
  
  
 
// 热门作品
var mySwiper = new Swiper('.rmzp-switch', {
	
	 effect : 'fade',
	autoplay: true
})



// 同人大触
var mySwiper = new Swiper('.menu-trdc-img', {
})
 // var mySwiper = new Swiper('.menu-trdc-img');
 //  $('#btn1').click(function(){
 //    mySwiper.slidePrev();
 //  })
 //  $('.trdc-butt').click(function(){
 //    mySwiper.slideNext();
 //  })
 
 var mySwiper = new Swiper('.fyl-rq', {
 	slidesPerView :4,
	slidesPerGroup : 1,
  }) 
  
  
  // 
var mySwiper1 = new Swiper('.fyl-rq1', {
	// autoplay: true,//可选选项，自动滑动
	slidesPerView : 4.5,
	autoplay:false,
	slidesPerGroup : 1,
	navigation: {
	    nextEl: '.fyl-next',
	    prevEl: '.fyl-prev',
	  },
})




// 京都商业街
// var mySwiper1 = new Swiper('.jdsyj-img', {
// 	// autoplay: true,//可选选项，自动滑动
// 	slidesPerView : 4,
// 	autoplay:false,
// 	slidesPerGroup : 1,
// 	scrollbar: {
// 	    el: '.swiper-scrollbar',
// 		draggable: true,
// 	  },
// })

var drag = document.querySelector('.drag');
			var scroll = document.querySelector('scroll');
			var list = document.querySelector('.list');
			var main_right = document.querySelector('.main_right');
			var i=0;
			drag.onmousedown = function(e) {
				var x = e.offsetX;
				window.onmousemove = function(e) {
					var l = e.clientX -214 - x;
					var dragLeft = l / 1060 ;
					if(dragLeft <= 0) {
						dragLeft = 0;
					}
					if(dragLeft >= 0.925) {
						dragLeft = 0.925;
					}
					drag.style.left = dragLeft * 100 + '%';
					list.style.left = -dragLeft * 100 + '%';
					i = dragLeft * 100;
					// if(e.offsetX > 82) {
					// 	window.onmousemove = null;
					// }
					// if(e.offsetY > 31) {
					// 	window.onmousemove = null;
					// }
				}
				window.onmouseup = function(){
					window.onmousemove = null;
				}
				
			}
				main_right.onmousewheel = function(e) {
					
					if(e.deltaY ==100) {
						i++;
						if(i >=92.25) {
							i =92.25;
						}
						drag.style.left = i+'%';
						list.style.left = -i+ '%';
					}else if(e.deltaY ==-100) {
						if(i <= 1) {
							i =1;
						}
						i--;
						drag.style.left = i+'%';
						list.style.left = -i+ '%';
					}	
				}
				
				
// 
$('.dh-div1').hover(function(){
	$('.dh-img').css('background-position','0px 0px')
})
$('.dh-div2').hover(function(){
	$('.dh-img').css('background-position','-203px 0px')
})
$('.dh-div3').hover(function(){
	$('.dh-img').css('background-position','-406px 0px')
})
$('.dh-div4').hover(function(){
	$('.dh-img').css('background-position','-609px 0px')
})
$('.dh-div5').hover(function(){
	$('.dh-img').css('background-position','-812px 0px')
})


$('.bottom-img2').hover(

function(){
	$('.bottom-a').css('right','-250px')
	$('.bottom-a').css('top','-250px')
	$('.bottom-img2').css('opacity','1')
},
function(){
	$('.bottom-a').css('right','-60px')
	$('.bottom-a').css('top','-60px')
	$('.bottom-img2').css('opacity','0')
}
)

// $('.sslb-next').click(function(){
// 	$('.ssl-img>div').eq($('ssl-img>div').index()).addClass('ssl-block').siblings().removeClass('ssl-block');
// })
// $('.sslb-prev').click(function(){
// 	$('.ssl-img>div').eq($('ssl-img>div').index()).addClass('ssl-block').siblings().removeClass('ssl-block');
// })

var mySwiper = new Swiper('.ssl-img', {
	// autoplay: true,
	// effect : 'fade',
	loop:true,
	
	//可选选项，自动滑动
	navigation: {
	    nextEl: '.swiper-button-next',
	    prevEl: '.swiper-button-prev',
	  },
})

//如果你初始化时没有定义Swiper实例，后面也可以通过Swiper的HTML元素来获取该实例
new Swiper('.ssl-img')
var mySwiper = document.querySelector('.ssl-img').swiper
mySwiper.slideNext();

$('.sslb-img-color2').click(function(){
	$(this).addClass('sslb-img-color3').siblings().removeClass('sslb-img-color3');
	// console.log($(this).index())
	$('.abc>div').eq($(this).index()).addClass('abcd-a').siblings().removeClass('abcd-a');
	// $(this).siblings().removeClass('sslb-img-color4');
	// $(this).prev().addClass('sslb-img-color4');
	// $(this).next().addClass('sslb-img-color4');
})
$('.sslb').click(function(){
	$('.ssl-img').css('display','none');
	$('.sslb-img').css('display','block');
	$('.sslb').css('display','none');
})
$('.pasj-ssl').click(function(){
	$('.ssl-img').css('display','none');
	$('.sslb-img').css('display','block');
	$('.sslb').css('display','none');
})
$('.d-next').click(function(){
	$('.bbbb').css('margin-left','-200px');
	$('.bbbb').css('transiton','1s');
	$('.d-next').css('background',' #ECDBBD');
	$('.d-next').css('color','#ffffff');
	$('.d-prve').css('background',' #ffffff');
	$('.d-prve').css('color','#ECDBBD');
})
$('.d-prve').click(function(){
	$('.bbbb').css('margin-left','0px');
	$('.bbbb').css('transiton','1s');
	$('.d-next').css('background',' #ffffff');
	$('.d-next').css('color','#ECDBBD');
	$('.d-prve').css('background',' #ECDBBD');
	$('.d-prve').css('color','#ffffff');
})


$('.pasj-syz').click(function(){
	$('.ssl-tab').css('display','none');
	$('.ssl-img').css('display','none');
	$('.aaaa').css('display','block');
	$('.abc').css('display','none');
	$('.sslb-img').css('display','none');
})

$('.pasj-ssl').click(function(){
	$('.abc').css('display','block')
})


$('.pasj-zjl').click(function(){
	$('.ssl-tab').css('display','none');
	$('.ssl-img').css('display','block');
	$('.ssl-img').css('margin-top','50px')
	$('.aaaa').css('display','none');
	$('.abc').css('display','none');
	$('.sslb-img').css('display','none');
})